<!DOCTYPE html>
<html class="reftest-wait">
<style>
/* These are the CSS values that the testcase rules should compute to: */
.tb { writing-mode: vertical-rl; inline-size: 10em; }
.tbrl { writing-mode: vertical-rl; }
.lr { writing-mode: horizontal-tb; }
</style>
<div class=tb>
Hello
<span class=lr>horizontal</span>
world
</div>

<div>One <span class=tbrl>two</span> three</div>

<!-- replace the <span> contents with their computed writing-mode -->
<script>
var s = document.querySelectorAll("span");
for (i = 0; i < s.length; i++) {
  s[i].textContent = window.getComputedStyle(s[i]).writingMode;
}

document.documentElement.removeAttribute("class");
</script>
